<!DOCTYPE html>
<!-- saved from url=(0052)http://getbootstrap.com/docs/4.0/examples/dashboard/ -->
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
    <meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport">
    <meta content="" name="description">
    <meta content="" name="author">

    <title>个人资料</title>
    <!-- Bootstrap core CSS -->
    <link th:href="@{/asserts/css/bootstrap.min.css}" rel="stylesheet">
    <link th:href="@{/asserts/css/font-awesome.min.css}" rel="stylesheet">
    <link th:href="@{/asserts/css/plugins/footable/footable.core.css}" rel="stylesheet">

    <link th:href="@{/asserts/css/animate.min.css}" rel="stylesheet">
    <link th:href="@{/asserts/css/style.min.css}" rel="stylesheet">
    <link th:href="@{/asserts/css/bootstrap-table/bootstrap-table.min.css}" rel="stylesheet">

</head>

<body class="gray-bg">
<!--insert 将公共片段插入
    replace 将div替换为引入元素
    include 将公共片段内容插入
-->
<div class="gray-bg">
    <div class="wrapper wrapper-content  animated fadeInRight">
        <div class="row">
            <div class="col-sm-12">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5 class="col-sm-10 padding-top-10"><b>个人资料</b></h5>
                        <!--<a class="col-sm-1" href="javascript:history.back(-1)">[[#{message.goback}]]</a>-->
                    </div>
                    <div class="ibox-content">
                        <div class="form-group row">
                            <div class="col-sm-4 mt-6">
                                <label class="col-sm-2 my-font-bold ">[[#{message.department}]]:</label>
                                <span class="col-sm-10 ">[[${sysOrgSelected!=null}?${sysOrgSelected.name}]]</span>
                            </div>
                            <div class="col-sm-4 mt-6">
                                <label class="col-sm-2 my-font-bold ">[[#{message.user.name}]]:</label>
                                <span class="col-sm-10 ">[[${userSelected!=null}?${userSelected.userName}]]</span>
                            </div>
                            <div class="col-sm-4 mt-6">
                                <label class="col-sm-2 my-font-bold ">[[#{message.name}]]:</label>
                                <span class="col-sm-10 ">[[${userSelected!=null}?${userSelected.name}]]</span>
                            </div>
                        </div>

                        <div class="form-group row">
                            <div class="col-sm-12 ">
                                <label class="col-sm-1 my-font-bold ">菜单操作角色:</label>
                                <span class="col-sm-10 " id="userMenuRole"></span>
                            </div>

                        </div>
                        <div class="form-group row">
                            <div class="col-sm-12 ">
                                <label class="col-sm-1 my-font-bold ">数据角色:</label>
                                <span class="col-sm-10 " id="userDataRole"></span>
                            </div>
                        </div>
                        <div class="form-group row">
                            <div class="col-sm-12 ">
                                <label class="col-sm-1 my-font-bold ">岗位:</label>
                                <span class="col-sm-10 " id="userPosition"></span>
                            </div>
                        </div>
                        <div class="form-group row">
                            <div class="col-sm-4 mt-6">
                                <label class="col-sm-2 my-font-bold ">[[#{message.user.identity}]]:</label>
                                <span class="col-sm-10 ">[[${userSelected!=null}?${userSelected.userIdentity}]]</span>
                            </div>
                            <div class="col-sm-4 mt-6">
                                <label class="col-sm-2-4 my-font-bold ">[[#{message.user.email}]]:</label>
                                <span class="col-sm-10 ">[[${userSelected!=null}?${userSelected.email}]]</span>
                            </div>
                            <div class="col-sm-4 mt-6">
                                <label class="col-sm-2 my-font-bold ">[[#{message.user.address}]]:</label>
                                <span class="col-sm-10 ">[[${userSelected!=null}?${userSelected.address}]]</span>
                            </div>
                        </div>
                        <div class="form-group row">
                            <div class="col-sm-4 mt-6">
                                <label class="col-sm-2 my-font-bold ">[[#{message.user.phone}]]:</label>
                                <span class="col-sm-10 ">[[${userSelected!=null}?${userSelected.phone}]]</span>
                            </div>
                            <div class="col-sm-4 mt-6">
                                <label class="col-sm-2-4 my-font-bold ">[[#{message.user.fax}]]:</label>
                                <span class="col-sm-10-4 ">[[${userSelected!=null}?${userSelected.fax}]]</span>
                            </div>
                            <div class="col-sm-4 mt-6">
                                <label class="col-sm-2 my-font-bold ">[[#{message.user.code}]]:</label>
                                <span class="col-sm-10 ">[[${userSelected!=null}?${userSelected.code}]]</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--必须在bootstrap前引用-->
<script th:src="@{/asserts/js/jquery.min.js}" type="text/javascript"></script>
<script th:src="@{/asserts/js/bootstrap.min.js}" type="text/javascript"></script>
<!-- Graphs -->
<script th:src="@{/asserts/js/laydate/laydate.js}" type="text/javascript"></script>
<script th:src="@{/asserts/js/layer/layer.min.js}" type="text/javascript"></script>
<script th:src="@{/asserts/js/bootstrap-table/bootstrap-table.min.js}" type="text/javascript"></script>
<script th:src="@{/asserts/js/bootstrap-table/locale/bootstrap-table-zh-CN.js}" type="text/javascript"></script>
<script th:inline="javascript">
    $(function () {
        let sysUserRoles = [[${userSelected} ? ${userSelected.sysUserRoles}]];
        if (sysUserRoles) {
            let arr = [];
            for (var a = 0, length = sysUserRoles.length; a < length; a++) {
                arr.push(sysUserRoles[a].sysRole.name);
                arr.push(',')
            }
            $('#userMenuRole').html(arr);
        }
        let sysUserAuditRoles = [[${userSelected} ? ${userSelected.sysUserAuditRoles}]];
        let arr2 = [];
        if (sysUserAuditRoles) {
            for (let a = 0, length = sysUserAuditRoles.length; a < length; a++) {
                arr2.push(sysUserAuditRoles[a].auditRoleName);
                arr2.push(',')
            }
            $('#userPosition').html(arr2);
        }
        let sysUserDataRoles = [[${userSelected} ? ${userSelected.sysUserDataRoles}]];
        let arr3 = [];
        if (sysUserDataRoles) {
            for (let a = 0, length = sysUserDataRoles.length; a < length; a++) {
                arr3.push(sysUserDataRoles[a].sysDataRole.name);
                arr3.push(',')
            }
            $('#userDataRole').html(arr3);
        }
    })
</script>
</body>

</html>
